<script>
    //注意：导航 依赖 element 模块，否则无法进行功能性操作
    layui.use('element', function () {
        var element = layui.element;
    });
    layui.use('form', function () {
        var form = layui.form;

        //监听注册
        form.on('submit(formRegin)', function (data) {
            $.ajax({
                url: "/regin",
                method: "post",
                data: data.field,
                success: function (msg) {
                    if (msg.code) {
                        layer.msg(msg.msg, {
                            icon: 5,
                            time: 2000 //2秒关闭（如果不配置，默认是3秒）
                        }, function () {
                            $("#reset").click();
                        });
                    } else {
                        layer.msg(msg.msg, {
                            icon: 1,
                            time: 2000 //2秒关闭（如果不配置，默认是3秒）
                        }, function () {
                            $(".l_login").addClass("layui-this");
                            $(".l_regin").removeClass("layui-this");
                            $(".tab2").removeClass("layui-show");
                            $(".tab1").addClass("layui-show");
                        });
                    }
                }
            })

            return false;
        });

        //注册时的验证
        form.verify({
            username: function (value, item) { //value：表单的值、item：表单的DOM对象
                if (!/^[A-z0-9\u4e00-\u9fa5]{2,10}$/.test(value)) {
                    return '用户名格式不正确';
                }
            }

            //我们既支持上述函数式的方式，也支持下述数组的形式
            //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
            , password: function (value, item) {
                if (!/^[A-z0-9]{5,12}$/.test(value)) {
                    return '密码格式不正确'
                }
            }


            , repassword: function (value) {
                var pwd = $("#l_password").val();
                if (pwd !== value) {
                    return "两次密码不一致";
                }
            }
        });

        form.on('submit(formLogin)', function (data) {
            console.log(data.field);
            $.ajax({
                url: "/login",
                method: "post",
                data: data.field,
                success: function (msg) {
                    if (msg.code) {
                        layer.msg(msg.message, {
                            icon: 5,
                            time: 2000 //2秒关闭（如果不配置，默认是3秒）
                        }, function () {

                        });
                    } else {
                        layer.msg(msg.message, {
                            icon: 1,
                            time: 2000 //2秒关闭（如果不配置，默认是3秒）
                        }, function () {
                            window.location.reload();
                        });
                    }
                }
            })

            return false;
        })

    });

    $("#close").click(function () {
        $("#mask").fadeOut();
    })

    $("#login").click(function () {
        $("#mask").fadeIn();
        $(".l_login").addClass("layui-this");
        $(".l_regin").removeClass("layui-this");
        $(".tab2").removeClass("layui-show");
        $(".tab1").addClass("layui-show");

    })

    $("#regin").click(function () {
        $("#mask").fadeIn();
        $(".l_regin").addClass("layui-this");
        $(".l_login").removeClass("layui-this");
        $(".tab1").removeClass("layui-show");
        $(".tab2").addClass("layui-show");
    })

    $(".cancellation").click(function () {
        $.ajax({
            url: "/cancellation",
            method: "get",
            success: function () {
                layer.msg("账号注销成功", {
                    icon: 1,
                    time: 2000 //2秒关闭（如果不配置，默认是3秒）
                }, function () {
                    window.location.reload();
                });
            }
        })
    })

</script>